<template lang="html">
<div class="all">
  <div class="">
    <input type="text" class="inp"       placeholder="在这里写下你想要寻找的" @focus>
    <span class="quxiao" @click="gback()">取消</span>
  </div>

<ul class="sea">

  <li @click = "tuwen('hp')">图文</li>
  <li @click = "ques('question')">问答</li>
  <li @click = "eassy('eassy')">阅读</li>
  <li @click = "lianz('serialcontent')">连载</li>
  <li @click = "music">音乐</li>

</ul>
</div>
</template>

<script>
export default {


 methods:{
   gback(){
     history.back();
   },
   tuwen(item){
     this.$router.push({
       path:"/allDetials/"+item
     })
   },
   ques(data){
     this.$router.push({
       path:"/allDetials/"+data
     })
   },
   eassy(eass){
     this.$router.push({
       path:"/allDetials/"+eass
     })
   },
   lianz(ser){
     this.$router.push({
       path:"/allDetials/"+ser
     })
   },

   music(mus){
     this.$router.push({
       path:"/allDetials/"+mus
     })
   },
 }

}
</script>

<style lang="css" scoped>
.all{


}
.inp{
  margin-top: 1rem;
  width:80%;
  height:4rem;
  padding-left:2rem;
  outline-style: none;
  text-align: left;
}
.quxiao{
font-size: 1rem;
}
.sea{
  margin-top: 4rem;
  width:100%;
  text-align: center;
}
.sea li{
  font-size: 2rem;
  padding:1rem 0;
}
</style>
